<!--
 * @Author: huangtianyang 916072572@qq.com
 * @Date: 2023-12-19 14:41:48
 * @LastEditors: huangtianyang
 * @LastEditTime: 2024-01-08 15:49:27
 * @FilePath: \cxl-driving-training\src\views\column\list\Index.vue
-->
<template>
    <div class="page-box">
        <TemplateVue
            :page="data.pageData"
            @search="data.onSearch"
            @reset="data.onReset"
            @paginationChange="data.onPaginationChange"
            @paginationSize="data.onPaginationSize"
            @operation="data.onOperation"
        >
        </TemplateVue>
        <BasicDialogVue :data="data.dialog" @close="data.onCloseDialog()">
            <template #content>
                <div>
                    <formVue ref="formRef" :data="data.formData" :disabled="false" />
                    <div class="btn">
                        <el-button @click="data.onCloseDialog()">取消</el-button>
                        <el-button type="primary" @click="data.submitForm(formRef)">确定</el-button>
                    </div>
                </div>
            </template>
        </BasicDialogVue>
    </div>
</template>
<script setup lang="ts">
import TemplateVue from '@/components/template/Index.vue'
import ColumnListData from '.'
import { reactive, ref } from 'vue'
import BasicDialogVue from '@/components/baseDialog/Index.vue'
import formVue from '@/components/form/Index.vue'
const data = reactive(new ColumnListData())
const formRef = ref()
const dialogForm = ref()
</script>

<style scoped lang="scss">
.time {
    display: flex;
}
.btn {
    display: flex;
    justify-content: center;
    margin: 40px 0 16px 0;
}
</style>
